<div id="result"></div>
<form onsubmit="return false" id="mws-validate" class="mws-form">
    <div class="mws-form-inline">

        <?php
        if (isset($_POST["tipoentrada"])) {
            ?>
            <div class="mws-form-row">
                <label>Membro vinculado</label>
                <div class="mws-form-item small">
                    <select class="required meio-campo campo-150 input-small" id="vinculo" name="vinculo">
                        <option value="">Vinculo</option>
                        <?php
                        foreach ($data[2] as $tipo) {
                            echo "<option value='" . $tipo->codigo . "'";

                            if ($_POST["vinculo"] == $tipo->codigo) {
                                echo " SELECTED";
                            }

                            echo ">" . $tipo->vinculo . "</option>";
                        }
                        ?>
                    </select>
                </div>
            </div>

            <div class="mws-form-row" id="membro-sele">
                <label>Membro</label>
                <div class="mws-form-item small">
                    <select class="required meio-campo campo-150 input-small" id="membro">
                        <option value="">Membro</option>
                        <?php
                        foreach ($data[3] as $membro) {
                            echo "<option value='" . $membro->codigo . "'";

                            if ($_POST["membro"] == $membro->codigo) {
                                echo " SELECTED";
                            }

                            echo ">" . $membro->nome . "</option>";
                        }
                        ?>
                    </select>
                </div>
            </div>

            <?php
        }
        ?>

        <div class="mws-form-row">
            <label>Valor</label>
            <div class="mws-form-item small">
                <input type="text" name="valor" id="valor" class="mws-textinput required campo-150 input-small" 
                <?php
                if (isset($_POST["valor"])) {
                    echo "value='" . $_POST["valor"] . "'";
                }
                ?>/>
            </div>
        </div>
        <div class="mws-form-row">
            <label>Tipo entrada</label>
            <div class="mws-form-item small">
                <select class="required meio-campo campo-150 input-small" id="tipoentrada" name="tipoentrada">
                    <option value="">Tipo entrada</option>
                    <?php
                    foreach ($data[0] as $tipo) {
                        echo "<option value='" . $tipo->codigo . "'";

                        if (isset($_POST["tipoentrada"])) {
                            if ($_POST["tipoentrada"] == $tipo->codigo) {
                                echo " SELECTED";
                            }
                        }

                        echo ">" . $tipo->descricao . "</option>";
                    }
                    ?>
                </select>
            </div>
        </div>
        <div class="mws-form-row">
            <label>Forma de pagamento</label>
            <div class="mws-form-item small">
                <select class="required meio-campo campo-150 input-small" id="tipopagamento" name="tipopagamento">
                    <option value="">Tipo pagamento</option>
                    <?php
                    foreach ($data[1] as $tipo) {
                        echo "<option value='" . $tipo->codigo . "'";

                        if (isset($_POST["tipopagamento"])) {
                            if ($_POST["tipopagamento"] == $tipo->codigo) {
                                echo " SELECTED";
                            }
                        }

                        echo ">" . $tipo->descricao . "</option>";
                    }
                    ?>
                </select>
            </div>
        </div>
    </div>
</form>
<script type="text/javascript">
    $("#valor").maskMoney({symbol: "R$", decimal: ".", thousands: ""});

<?php
if (isset($_POST["tipopagamento"])) {
    ?>

        if ($("#vinculo").val() != 1) {
            $("#membro-sele").hide();
        }

        $("#vinculo").on("change", function() {
            if ($(this).val() != 1) {
                $("#membro-sele").hide("slow");
            } else {
                $("#membro-sele").show("slow");
            }

            $("#tipoentrada").html("");
            $.ajax({
                type: 'post',
                data: 'vinculo=' + $(this).val(),
                url: '<?php echo BASE_URL; ?>tipoentrada/lista',
                success: function(tipoentrada) {
                    tipoentrada = $.parseJSON(tipoentrada);
                    var options = "<option value=''>Vinculo</option>";
                    for (var i in tipoentrada) {
                        options += "<option value='" + tipoentrada[i].codigo + "'>" + tipoentrada[i].descricao + "</option>";
                    }
                    $('#tipoentrada').append(options);
                }
            });
        });


    <?php
}
?>

</script>